<template>
  <div>
    <h1>响应式数据判断</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent, isReactive, isRef, reactive, ref } from "vue";

export default defineComponent({
  /* 
    判断一个数据是否是响应式的
    创建响应式数据比较重要的API ref reactive
    逻辑 判断时需要进行判断
    isRef:检测一个数据是否是ref对象如果是返回true 如果不是返回false
    isReactive检测一个数据是否是reactive创建响应式对象，如果是返回true 如果不是返回false
    
    
    
    */
  setup() {
    const aa = ref("111");
    console.log(isRef(aa));
    const bb = ref({
      name: "tom",
      age: 10,
    });
    console.log(isRef(bb));
    const cc = reactive({
      name: "lili",
      age: 5,
    });
    console.log(isReactive(cc));
    console.log(isRef(cc));
    console.log(isReactive(bb));

    return {
      aa,
      bb,
      cc,
    };
  },
});
</script>

<style scoped>
</style>